<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>history对象</title>
</head>
<body>
    <a href="./02 放大镜.html">放大镜页面</a>
    <button onclick="pageBack()">返回上一个</button>
    <button onclick="pageNext()">前进下一个</button>
    <button onclick="pageChange()">回退前两个</button>
</body>
</html>
<script>
    // 历史对象主要用来进行页面的访问历史操作（前进后退等）
    console.log(history.length);
    function pageBack(){
        history.back();
        history.back();
    }
    function pageNext(){
        history.forward();  // 下一个访问记录
    }
    function pageChange(){
        // go函数可以实现历史记录的跳转，参数表示要跳转的页数
        // -1 表示上一页
        // -2 表示上上一页
        // history.go(-1);

        // 1    表示前进一页……
        history.go(1);

        // 表示刷新页面
        history.go(0);
    }
    // 注意：以上三个API使用时必须保证浏览器拥有历史记录才能前进后退
</script>